.widthcolor1 {
	background-color: #d72c20;
	height: 500px;
}

.widthcolor2 {
	background-color: blue;
	height: 500px;

}


/*-----------------------*/

body{background-color: gray;}

.framebody{
	background-color: #ffffff;
	/*border: #cacaca thin solid;*/
	border-radius: 10px;
}

.container{background-color: #ffffff;
	border-radius: 10px;
	border: #cacaca thin solid;
	padding-top : 15px;
	padding-bottom: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.topmenu{
	background-color: #333333; 
	min-height: 50px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 10px;
}
.topmenu .menu-text {margin-top: 10px;}
/*.topmenu .menu-btn {margin-top: 9px;}*/

.topmenu-line-ex {
	min-height: 7px;
	background-color: #cacaca;
}

.topmenu-line-ex .line-active{
	background-color: #d72c20;
	min-height: 7px;
}

.btn-post{
	min-width: 150px;
	background-color: #d72c20;
	color: #ffffff;
	font-weight: bold;
}

.nav a:link {color:#ffffff;}
.nav a:visited {color:#ffffff;}
.nav a:hover {color:#000000;}
.nav a:active {color:#000000;}


/*CONTENT---------------------*/
.content{
	margin-top: 20px;
	margin-bottom: 20px;
}

.content .title-bar{
	min-height: 30px;
	background-color: #d72c20;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-left: #cacaca thin solid;
	border-top: #cacaca thin solid;
	border-right: #cacaca thin solid;
	padding: 10px;
}

.content .display{
	/*min-height: 650px;*/
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-left: #cacaca thin solid;
	border-bottom: #cacaca thin solid;
	border-right: #cacaca thin solid;
	padding: 10px;
}

.content .display .display-top{
	padding-top: 30px;
	padding-bottom: 20px;
}

.content .display .btn-select{
	width: 150px;
	margin-top: 15px;
	margin-bottom: 25px;
	font-weight: bold;
}

.rad-inline
{
	text-indent:5px;
	margin-left:25px;
}

.listview-pro
{
	border : #cacaca thin solid;
	border-radius: 10px;
	padding: 10px 15px 10px 15px;
}

.listview-pro .favor
{
	padding-top:23px;
}

.listview-pro .favor button
{
	background-color: Transparent;
	border: none;
}

.listview-pro .favor span
{
	font-size:x-large;
	color: #cacaca;
	text-align:right;
}

.listview-pro .title-entry
{
	font-weight:bold;
	color: #337AB7;
}

.listview-pro .time-entry
{
	color:#cacaca;
	font-size:smaller;
}

.listview-pro .icon-approval
{
	cursor:pointer;
}

.listview-pro .price-entry
{
	font-size:small;
	font-weight:bold;
}

.listview-pro .category-entry
{
	font-size:smaller;
	color:#737373;
}

.listview-pro .type-entry
{
	font-size:smaller;
	color:#cacaca;
}

.listview-pro .view-entry
{
	font-weight:bold;
}

/*BOTTOM ----------------------------*/
.bottom-line-ex{
	background-color: #d72c20;
	min-height: 5px;
}
.bottom{
	min-height: 250px;
	background-color: #333333;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.bottom .bottom-block{
	color: #737373;
	/*margin-top: 15px;*/
	padding: 10px;
}

.bottom .bottom-block hr {border: #737373 thin solid;}

.bottom .bottom-block .bottom-line {
	margin-bottom: 7px;
}

/*-----------------------*/



.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.border-full { border: #cacaca thin solid;}

.text-white{
	color: #ffffff;
}

.font-weight-normal
{
	font-weight: 100;
}

.font-weight-normal-imp
{
	font-weight: lighter!important;
}

.font-weight-bold
{
	font-weight: bold;
}

.txt-indent-5px
{
	text-indent:5px;
}

.padding-10
{
	padding: 10px;
}

.padding-left-10
{
	padding-left: 10px;
}

.padding-right-10
{
	padding-right: 10px;
}

.padding-top-10
{
	padding-top: 10px;
}

.padding-bottom-10
{
	padding-bottom: 10px;
}

.margin-10
{
	margin: 10px;
}

.margin-left-10
{
	margin-left: 10px;
}

.margin-right-10
{
	margin-right: 10px;
}

.margin-top-10
{
	margin-top: 10px;
}

.margin-bottom-10
{
	margin-bottom: 10px;
}

/*#region margin 30px*/
.margin-30
{
	margin: 30px;
}

.margin-left-30
{
	margin-left: 30px;
}

.margin-right-30
{
	margin-right: 30px;
}

.margin-top-30
{
	margin-top: 30px;
}

.margin-bottom-30
{
	margin-bottom: 30px;
}
/*#endregion margin 30px*/